<template>
  <div class="onePage">
    <p class="title center font16">合格证</p>
    <img src="https://carxin.oss-cn-beijing.aliyuncs.com/1694237148/kindsNumber/102/202105121739-59a05da1eba24422836cf24b2628622f.png" class="centerIcon">
    <p>款号:
      <span class="bold">1234567890</span>
    </p>
    <p>尺码:
      <span class="bold size center">XL</span>asd
      <!-- ${e.kindsNumberIngredient.upDown ? e.sizeObj.lowNumberStyle : e.sizeObj.topNumberStyle} -->
    </p>
    <p>颜色:${color}</p>
    <p>品名:${e.kindsNumber}</p>
    <p class="font10">等级:合格品|检验员:${e..supplier}</p>
    ${ingredient}
    
    <div class="bottomBox">
      <p class="font10">标准:${e..standard}</p>
      <p class="font10">安全类别符合:${e..safetyType}</p>
      <p class="font10 l15">(直接接触皮肤类)</p>
      <img class="barcode${i}">
      <p class="font10">内部条码:${kindsNumber}</p>
      <p class="font16">零售价：${999}</p>
    </div>
  </div>
</template>

<script>

export default {
  created(){
  },
  data(){
    return {
    }
  },
  methods: {
  }
}
</script>

<style scoped>
* {
          margin: 0;
          padding: 0;
        }
        .onePage {
          width: 45mm;
          /* height: 100%; */
          height: 7cm;
          font-size: 11px;
          position: relative;
          box-sizing: border-box;
          padding-left: 4mm;
          page-break-before: always;
          background-color: aquamarine;
        }
        .onePage p {
          margin: 0;
          line-height: 110%;
        }
        .bottomBox img {
          width: 20mm;
        }
        .size {
          width: 5mm;
          display: inline-block;
        }
        .bold {
          font-weight: bold;
        }
        .center {
          text-align: center;
        }
        .font10 {
          font-size: 10px;
        }
        .font13 {
          font-size: 13px;
        }
        .font16 {
          font-size: 16px;
        }

        .title {
          width: 100%;
          padding-top: 2mm;
        }
        
        .bottomBox {
          position: absolute;
          bottom: 1mm;
          left: 0;
          width: 100%;
          padding-left: 4mm;
        }
        .centerIcon {
          width: 13mm;
          margin: 1mm 0 -1mm 14mm;
        }
        .onePage .l15{
          margin-left: 15mm;
        }
</style>
